<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width">
<title>希岸抽奖</title>
<link href="../style/base.css" rel="stylesheet">
<link href="../style/Common.css" rel="stylesheet">
<link href="../style/style.css" rel="stylesheet">
</head>
<script src="../js/jquery.min1.js"></script>
<script src="../js/awardRotate.js"></script>
<script src="../js/turn.js"></script>
<script src="../js/layer.m/layer.m.js"></script>
<body>

<!-- 大转盘 -->
<div class="job_bj">
  <div class="turntable-bg">
    <div class="pointer"><img src="../case/pointer.png" alt="pointer"></div>
    <div class="rotate"><img id="rotate" src="../case/turntable.png" alt="turntable"></div>
  </div>
  <div class="title"> <img src="../case/title_pic.png" alt="">
    </p>
  </div>
</div>
<!-- 内容 -->
<div class="main">
  <div class="button"> <a href="javascript:void(0)" class="jp"> <img src="../case/icon1.png" alt=""> <i>我的奖品</i> </a> <a href="javascript:void(0)" class="gz"> <img src="../case/icon2.png" alt=""> <i>活动规则</i> </a> </div>
  <div class="rules">
    <h2>活动规则</h2>
    <h3>一、活动时间：即日起至2015年9月30日</h3>
    <h3>二、活动玩法：用户每天首次打开活动页可自动获得2次抽奖机会，转发该活动至朋友圈额外增加1次抽奖机会。参与活动就可获取贝米钱包7000元体验金，8月28日入住希岸酒店上海店，更有机会获得贝米钱包CEO惊喜宠爱大礼！</h3>
    <h3>三、活动奖品：</h3>
    <p>免费房（希岸女神房）：自获得日起3个月内有效，仅限预订入住希岸品牌酒店（免费房体验券在获奖后48小时内到账），仅限本人预订本人入住。须在铂涛会中央渠道（官网/APP/微信）预订。
希岸酒店20元/50元房费抵用券：自获得日起6个月内有效，仅限预订入住希岸品牌酒店（抵用券在获奖后48小时内到账），须在铂涛会中央渠道（官网/APP/微信）预订。
希岸美颜家50元代金券：自获得日起1年内有效，仅限在希岸上海静安寺店使用。入住希岸上海静安寺店并在前台凭兑换码即可享受美颜家美容服务每单减免50元。（切记将兑换码截图/自行记录保存）</p>
    <h3>四、如有任何疑问请关注“XanaLife”微信公众号查看详尽活动信息，并可获取更多专属权益。</h3>
  </div>
  <div class="myprize">
    <h2>我的奖品</h2>
    <ul>
      <li>一、奖品内容:希岸酒店美颜家50元代金券</li>
      <li>二、兑换码：km123456</li>
      <li>三、使用方式：使用方式使用方式使用方式使用方式使用方式使用方式使用方式使用方式使用方式使用方式</li>
      <li>四、有效期：2015-10-10</li>
    </ul>
  </div>
  <script type="text/javascript">
		// 下一行的意思是 当括号内面的类名被点击的时候
			$(".main .button a.gz").click(function(event) {
				// 下一行是 当括号内面的类名做添加类名，如cur,cur里面的样式是display：block、打开
				$(".main .rules").addClass(' cur').siblings('.myprize').removeClass('cur');
			});
		</script> 
  <script type="text/javascript">
		// 下一行的意思是 当括号内面的类名被点击的时候
			$(".main .button a.jp").click(function(event) {
				// 下一行是 当括号内面的类名做添加类名，如cur,cur里面的样式是display：block、打开
				$(".main .myprize").addClass(' cur').siblings('.rules').removeClass('cur');
			});
		</script>
  <div class="sweep">
    <div class="pic"><img src="../case/erweima.jpg" alt=""></div>
    <p>关注希岸服务号查看详细使用方法</p>
    <p>还能免费领取贝米钱包</p>
    <p class="golden">7000元体验金</p>
  </div>
  <p class="banquan">本活动最终解释权归希岸酒店所有</p>
</div>

</body>
</html>
<!--<script>  //熙岸酒店女神房
layer.open({
    type: 1,
    skin: '', //样式类名
    closeBtn: false, //不显示关闭按钮
    shift: 2,
    shadeClose: false, //开启遮罩关闭
    content: '<div class="bzm-content" id="modal2">'
			+'<div class="bzm-body">'
			+'<div class="notprize prize">'
				+'<img src="../case/icon5.png" alt="">'
			  	+'<p>大奖啊!</p>'
			  	+'<p class="nobold">恭喜您获得</p>'
			  	+'<p class="nobold">免费入住<span class="golden">希岸女神房1晚</span></p>'
			  	+'<p class="f12px dhm">兑换码：</p>'
			  	+'<span class="room_but">JUHO89OP</span>'
			  	+'<a href="#" class="room_but2">炫耀一下</a>'
			  	+'<p class="f12px">（请注意截图保存哦）</p>'
				+'<div class="under">'
			  		+'<img src="../case/erweima1.jpg" alt="">'
			  		+'<div class="right">'
				  		+'<p>关注希岸服务号</p>'
				  		+'<p>查看详细使用方法</p>'
				  		+'<p>还能免费领取贝米钱包</p>'
				  		+'<p class="golden">7000元体验金</p>'
			  		+'</div>'
			  	+'</div>'
		  	+'</div></div>'
	  	+'</div>'
});
</script>-->

<!--<script>  //熙岸酒店50代金卷
layer.open({
    type: 1,
    skin: '', //样式类名
    closeBtn: false, //不显示关闭按钮
    shift: 2,
    shadeClose: false, //开启遮罩关闭
    content:'<div class="bzm-content" id="modal2" data-title="">'
			+'<div class="bzm-body">'
			+'<div class="notprize prize">'
				+'<img src="../case/icon4.png" alt="">'
			  	+'<p>恭喜您</p>'
			  	+'<p>获得<span>希岸酒店50元代金券</span></p>'
			  	+'<p class="f12px">（奖品将在48小时内到账）</p>'
			  	+'<a href="#" class="border_but">炫耀一下</a>'
			  	+'<div class="under">'
			  		+'<img src="../case/erweima1.jpg" alt="">'
			  		+'<div class="right">'
				  		+'<p>关注希岸服务号</p>'
				  		+'<p>查看详细使用方法</p>'
				  		+'<p>还能免费领取贝米钱包</p>'
				  		+'<p class="golden">7000元体验金</p>'
			  		+'</div></div></div><div></div> '
});
</script>-->
 
<!--<script>  //美颜家50代金卷
layer.open({
    type: 1,
    skin: '', //样式类名
    closeBtn: false, //不显示关闭按钮
    shift: 2,
    shadeClose: false, //开启遮罩关闭
    content:'<div class="bzm-content" id="modal2" data-title="">'
			+'<div class="bzm-body">'
			+'<div class="notprize prize">'
				+'<img src="../case/icon4.png" alt="">'
			  	+'<p>恭喜您</p>'
			  	+'<p>获得<span>希岸酒店美颜家50元代金券</span></p>'
			  	+'<p class="f12px">（奖品将在48小时内到账）</p>'
			  	+'<a href="#" class="border_but">炫耀一下</a>'
			  	+'<div class="under">'
			  		+'<img src="../case/erweima1.jpg" alt="">'
			  		+'<div class="right">'
				  		+'<p>关注希岸服务号</p>'
				  		+'<p>查看详细使用方法</p>'
				  		+'<p>还能免费领取贝米钱包</p>'
				  		+'<p class="golden">7000元体验金</p>'
			  		+'</div></div></div></div>'
});
</script>-->

<!--<script>  //未绑定会员
layer.open({
    type: 1,
    skin: '', //样式类名
    closeBtn: false, //不显示关闭按钮
    shift: 2,
    shadeClose: false, //开启遮罩关闭
    content:'<div class="bzm-content" id="modal2" data-title="">'
			+'<div class="bzm-body">'
			+'<div class="vip">'
				+'<img src="../case/icon2.jpg" alt="">'
			  	+'<p>亲，你还未绑定铂涛会会员~</p>'
			  	+'<a href="#" class="border_but">立即绑定</a>'
		  	+'</div></div></div>'
});
</script>-->

<!--<script>  //未中奖
layer.open({
    type: 1,
    skin: '', //样式类名
    closeBtn: false, //不显示关闭按钮
    shift: 2,
    shadeClose: false, //开启遮罩关闭
    content:'<div class="bzm-content" id="modal2" data-title="">'
			+'<div class="bzm-body">'
			+'<div class="notprize">'
				+'<img src="../case/icon3.png" alt="">'
			  	+'<p>嗷呜！差一点就中奖了！</p>'
			  	+'<p>还有X次机会，总裁宠妳不是梦</p>'
			  	+'<a href="#" class="border_but">返回首页</a>'
			  	+'<div class="under">'
			  		+'<img src="../case/erweima1.jpg" alt="">'
			  		+'<div class="right">'
				  		+'<p>关注希岸服务号</p>'
				  		+'<p>查看详细使用方法</p>'
				  		+'<p>还能免费领取贝米钱包</p>'
				  		+'<p class="golden">7000元体验金</p>'
			  		+'</div></div></div></div>'
});
</script>
-->

<!--<script>  //绑定信息
layer.open({
    type: 1,
    skin: '', //样式类名
    closeBtn: false, //不显示关闭按钮
    shift: 2,
    shadeClose: false, //开启遮罩关闭
    content:'<div class="bzm-content" id="modal2" data-title="填写资料">'
			+'<div class="bzm-body"><div class="information">'
				+'<form action="">'
					+'<input type="text" class="text mar_top10" placeholder="请输入手机号验证">'
                    +'<input type="text" class="text mar_top10" placeholder="请输入手机号验证">'
                    +'<input type="text" class="text mar_top10" placeholder="请输入手机号验证">'
					+'<div class="yanzheng">'
						+'<input type="text" class="but_l">'
						+'<input type="button" class="but_r" value="获取验证码">'
					+'</div>'
					+'<input type="button" class="bangding" value="绑定成为会员">'
					+'<input type="button" class="fanhui" value="返回首页">'
				+'</form>'
				+'<div class="in_logo"><img src="../case/in_logo.png" alt=""></div>'
		  	+'</div></div></div>'
});
</script>-->

<!--<script>  //未关注
layer.open({
    type: 1,
    skin: '', //样式类名
    closeBtn: false, //不显示关闭按钮
    shift: 2,
    shadeClose: false, //开启遮罩关闭
    content:'<div class="chacha"></div>'
			+'<div class="bzm-content" id="modal2" data-title="">'
			+'<div class="bzm-body"><div class="vip">'
				+'<img src="../case/icon2.jpg" alt="">'
			  	+'<p>亲，你还未关注公众账号哦~</p>'
			  	+'<a href="#" class="border_but">立即关注</a>'
		  	+'</div></div></div>'
});
</script>-->

<script>  //活动结束
layer.open({
    type: 1,
    skin: '', //样式类名
    closeBtn: false, //不显示关闭按钮
    shift: 2,
    shadeClose: false, //开启遮罩关闭
    content:'<div class="bzm-content" id="modal2" data-title="">'
			+'<div class="bzm-body">'
				+'<img src="../case/end.png" alt="" style="width:80%;">'
		  	+'</div></div>'
});
</script>